#campuslife-section {
    height: auto;
    margin-top: 150px;
    margin-bottom: 0px;

}

#campuslife-section h4 {
    text-align: center;
    position: relative;
    top: -170px;
    font-size: 30px;
    font-weight: bold;
}

#campuslife-section h4::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 3px;
    width: 5%;
    background-color: #e92e28;
    left: 50%;
    transform: translate(-50%);
}

#campuslife-section h3 {
    color: #ffd800;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid white;
    padding-bottom: 3px;
    letter-spacing: 1px;
}

#campuslife-section P {
    color: white;
    line-height: 30px;
}

#campuslife-section .campus-life-corousel .carousel-inner {
    height: 400px;
}

/* #campuslife-section .carousel-inner .carousel-item img {
    width: 80% !important;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    border: 4px solid white;
} */


/* -------------------------------------------Residential-section--------------------------------------------------------------- */


#campuslife-section .residential-section .row .first-column {
    padding: 0 30px;
    color: white;
    text-align: justify;
}

#campuslife-section .residential-section {
    margin-top: 200px;
    margin-bottom: 250px;

}

#campuslife-section .residential-section .row .first-column {
    position: relative;

}

#campuslife-section .residential-section .row .first-column::before {
    position: absolute;
    content: " ";
    height: 380px;
    width: 1130px;
    bottom: -30px;
    left: 0;
    right: 0;
    background-color: #1e4585;
    z-index: -1;
}

#campuslife-section .residential-section .row .second-column {
    position: relative;


}

#campuslife-section .residential-section .campus-life-corousel {
    position: absolute;
    width: 100%;
    top: -130px;
    left: 0;
    right: 0;
}

#campuslife-section .residential-section .row .second-column::after {
    position: absolute;
    content: " ";
    height: 250px;
    width: 443px;
    top: -143px;
    right: -12px;
    background-color: #ffd800;
    z-index: -3;
}

#campuslife-section .carousel-control-next,
#campuslife-section .carousel-control-prev {
    top: unset;
    bottom: -44px;
    height: 30px;
    width: 30px;
    padding: 0;
    background-color: #e92e28;
    opacity: 1;
    padding: 3px;
}

#campuslife-section .carousel-control-prev {
    left: 585px;
}

#campuslife-section .dining-hall-section .carousel-control-next,
#campuslife-section .dining-hall-section .carousel-control-prev {
    top: unset;
    bottom: -44px;
    height: 32px;
    width: 32px;
    padding: 0;
    background-color: #e92e28;
    opacity: 1;
    padding: 3px;
}

#campuslife-section .dining-hall-section .carousel-control-next {
    right: 585px;
}

#campuslife-section .dining-hall-section .carousel-control-prev {
    left: 0px;
}



/* -----------------------------------------dining-hall-section--------------------------------------------------------------------------- */
#campuslife-section .dining-hall-section .row .second-column {
    padding: 50px 0px;
    color: black;
    text-align: justify;

}

#campuslife-section .dining-hall-section {

    margin-bottom: 280px;

}

#campuslife-section .dining-hall-section .row .first-column {
    position: relative;
}

#campuslife-section .dining-hall-section .campus-life-corousel {
    position: absolute;
    width: 100%;
    top: -130px;
    left: 0;
    right: 0;
}

#campuslife-section .dining-hall-section .row .second-column {
    position: relative;
    padding: 0px 30px;
}

#campuslife-section .dining-hall-section .second-column::after {
    position: absolute;
    content: " ";
    height: 380px;
    width: 1130px;
    bottom: -55px;
    right: 0;
    background-color: #414141;
    z-index: -1;
}

#campuslife-section .dining-hall-section .row .first-column::before {
    position: absolute;
    content: " ";
    height: 250px;
    width: 443px;
    top: -143px;
    left: -12px;
    background-color: #ffd800;
    z-index: -3;
}


/* -----------------------------------------------playground-section------------------------------------------------------------- */

#campuslife-section .playground-section .row .first-column {
    padding: 0 30px;
    color: white;
    text-align: justify;
}

#campuslife-section .playground-section {
    margin-top: 200px;
    margin-bottom: 160px;

}

#campuslife-section .playground-section .row .first-column {
    position: relative;

}

#campuslife-section .playground-section .row .first-column::before {
    position: absolute;
    content: " ";
    height: 380px;
    width: 1130px;
    bottom: -85px;
    left: 0;
    right: 0;
    background-color: #317e42;
    z-index: -1;
}

#campuslife-section .playground-section .row .second-column {
    position: relative;


}

#campuslife-section .playground-section .campus-life-corousel {
    position: absolute;
    width: 100%;
    top: -130px;
    left: 0;
    right: 0;
}

#campuslife-section .playground-section .row .second-column::after {
    position: absolute;
    content: " ";
    height: 250px;
    width: 443px;
    top: -143px;
    right: -12px;
    background-color: #ffd800;
    z-index: -3;
}

/* ---------------------------------------------------- */

#campuslife-section .Food-menu-section {
    height: calc(100vh - 94.17px);
    display: flex;
    align-items: center;
    background-color: #41414126;
}

#campuslife-section .Food-menu-section .row {
    align-items: center;
}

#campuslife-section .table>:not(caption)>*>* {

    text-align: center;
}

#campuslife-section .Food-menu-section h3 {
    color: red;
    border-bottom: 2px solid red;
    width: fit-content;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    border-bottom: 3px solid #1e4585;
}

#campuslife-section .Food-menu-section .carousel-control-next,
#campuslife-section .Food-menu-section .carousel-control-prev {
    top: unset;
    bottom: -44px;
    height: 30px;
    width: 30px;
    padding: 0;
    background-color: #e92e28;
    opacity: 1;
    padding: 3px;
}

#campuslife-section .Food-menu-section .carousel-control-next {
    right: 450px;
}

#campuslife-section .Food-menu-section .carousel-control-prev {
    left: 0px;
}


/* ---------------------------Responsive-------------------------- */

@media screen and (max-width:1536px) {
    #campuslife-section .Food-menu-section {
        height: auto;
        padding: 50px 0;
    }
}

@media screen and (max-width:1366px) {
    #campuslife-section P {
        line-height: 25px;
    }

    #campuslife-section .residential-section .row .first-column::before {
        width: 1006px;

    }

    #campuslife-section .dining-hall-section .second-column::after {
        width: 1006px;
    }

    #campuslife-section .playground-section .row .first-column::before {
        width: 1006px;
    }

    #campuslife-section .carousel-control-prev {
        left: 492px;
    }

    #campuslife-section .dining-hall-section .carousel-control-next {
        right: 492px;
    }

    #campuslife-section .Food-menu-section .carousel-control-next {
        right: 378px;
    }


}

@media screen and (max-width:1199px) {
    #campuslife-section .residential-section .row .first-column::before {
        width: 857px;
        height: 364px;
    }

    #campuslife-section P {
        line-height: 22px;
        font-size: 14px;
    }

    #campuslife-section .carousel-control-next,
    #campuslife-section .carousel-control-prev {
        bottom: -4px;

    }

    #campuslife-section .carousel-control-prev {
        left: 404px;
    }

    #campuslife-section .playground-section .row .first-column::before {
        width: 857px;
        height: 364px;
    }

    #campuslife-section .dining-hall-section .carousel-control-next {
        right: 400px;
    }

    #campuslife-section .dining-hall-section .second-column::after {
        width: 857px;
        height: 364px;
    }

    #campuslife-section .dining-hall-section .carousel-control-next,
    #campuslife-section .dining-hall-section .carousel-control-prev {
        bottom: -4px;
    }

    #campuslife-section .Food-menu-section .carousel-control-next {
        right: 300px;
    }

    #campuslife-section h3 {
        font-size: 25px;

    }
}

@media screen and (max-width:991px) {
    #campuslife-section h4 {
        top: -50px;
    }

    #campuslife-section h4::after {
        width: 8%;
    }


    #campuslife-section {
        margin-top: 80px;
    }

    #campuslife-section .campus-life-corousel .carousel-inner {
        height: 520px;
    }

    #campuslife-section .residential-section .row .first-column::before {
        width: 100%;
        height: 364px;
        bottom: -136px;
    }

    #campuslife-section .residential-section {
        margin-top: 0px;
        margin-bottom: 250px;
    }

    #campuslife-section .residential-section .row .second-column::after {
        height: 250px;
        width: 106%;
        top: -166px;
        right: -21px;

    }

    #campuslife-section .residential-section .carousel-inner .carousel-item img {
        position: absolute;
        width: 80% !important;
        left: 50%;
        transform: translate(-50%);
        bottom: -530px;
        border: 5px solid white;
    }

    #campuslife-section .dining-hall-section .second-column::after {
        width: 100%;
        height: 364px;
        bottom: -130px;
    }

    #campuslife-section .dining-hall-section .row .first-column::before {
        width: 106%;
        top: 22px;
        left: -20px;

    }

    #campuslife-section .dining-hall-section {
        margin-bottom: 280px;
        margin-top: 470px;
    }

    #campuslife-section .dining-hall-section .carousel-inner .carousel-item img {
        position: absolute;
        width: 80% !important;
        left: 50%;
        transform: translate(-50%);
        bottom: -530px;
        border: 5px solid white;
    }

    #campuslife-section .dining-hall-section .campus-life-corousel .carousel-inner {
        height: 520px;
        top: 205px;
    }




    #campuslife-section .playground-section {
        margin-top: 470px;

    }

    #campuslife-section .playground-section .carousel-inner .carousel-item img {
        position: absolute;
        width: 80% !important;
        left: 50%;
        transform: translate(-50%);
        bottom: -530px;
        border: 5px solid white;
    }

    #campuslife-section .playground-section .row .first-column::before {
        bottom: -150px;
        width: 100%;
    }

    #campuslife-section .playground-section .row .second-column::after {
        height: 250px;
        width: 106%;
        top: -166px;
        right: -21px;
    }

    #campuslife-section .carousel-control-prev {
        left: 688px;
        bottom: 44px;
    }

    #campuslife-section .dining-hall-section .carousel-control-prev {
        bottom: -200px;
    }

    #campuslife-section .dining-hall-section .carousel-control-next,
    #campuslife-section .dining-hall-section .carousel-control-prev {
        bottom: -200px;
    }

    #campuslife-section .dining-hall-section .carousel-control-next {
        left: 0;
        bottom: -150px;
    }

    #campuslife-section .Food-menu-section .carousel-control-prev {
        left: 316px;
    }

    #campuslife-section .Food-menu-section {
        height: auto;
        margin-top: 430px;
    }

    #campuslife-section .food-menu-order {
        order: 1;
    }

    .table-responsive {

        margin-top: 65px;
    }

    #campuslife-section .carousel-control-prev {
        left: 688px;
        bottom: 150px;
    }

    #campuslife-section .carousel-control-next {
        bottom: 100px;
    }

    #campuslife-section .dining-hall-section .carousel-control-next {
        left: 0;
        bottom: -50px;
    }

    #campuslife-section .dining-hall-section .carousel-control-prev {
        bottom: -100px;
    }

    #campuslife-section .Food-menu-section h3 {
        font-size: 25px;
    }

    #campuslife-section .Food-menu-section {
        height: auto;
        padding: 40px 0 55px 0;
    }
}

@media screen and (max-width:767px) {
    #campuslife-section .campus-life-corousel .carousel-inner {

        top: -85px;
    }

    #campuslife-section .dining-hall-section .campus-life-corousel .carousel-inner {

        top: 165px;
    }

    #campuslife-section .residential-section .row .first-column::before {

        bottom: -80px;
    }

    #campuslife-section .residential-section .row .second-column::after {
        top: -240px;
        right: -17px;
    }

    #campuslife-section .carousel-control-next {
        bottom: 166px;
    }

    #campuslife-section .carousel-control-prev {
        left: 508px;
        bottom: 220px;
    }

    #campuslife-section .dining-hall-section .second-column::after {
        bottom: -100px;
    }

    #campuslife-section .dining-hall-section .row .first-column::before {

        left: -16px;
    }

    #campuslife-section .dining-hall-section {
        margin-top: 365px;
    }

    #campuslife-section .playground-section .row .first-column::before {
        bottom: -125px;

    }

    #campuslife-section .playground-section .row .second-column::after {

        right: -16px;
    }

    #campuslife-section .playground-section {
        margin-top: 360px;
    }

    #campuslife-section .playground-section .carousel-control-next {
        bottom: 150px;
    }

    #campuslife-section .playground-section .carousel-control-prev {

        bottom: 196px;
    }

    #campuslife-section .Food-menu-section {
        margin-top: 345px;
    }

    #campuslife-section .Food-menu-section .carousel-control-prev {
        left: 220px;
    }

    #campuslife-section .Food-menu-section .carousel-control-next {
        right: 220px;
    }
}

@media screen and (max-width:575px) {
    #campuslife-section h4 {
        top: -11px;
        margin-bottom: 50px;
    }

    #campuslife-section .carousel-control-prev {
        left: 542px;

    }

    #campuslife-section .dining-hall-section .carousel-control-next {
        left: 10px;

    }

    #campuslife-section .dining-hall-section .carousel-control-prev {
        left: 8px;
    }

    #campuslife-section {
        margin-top: 20px;
    }
}

@media screen and (max-width:540px) {
    #campuslife-section h4 {
        top: -11px;
        margin-bottom: 25px;
    }

    #campuslife-section .carousel-control-prev {
        left: 508px;
    }


}

@media screen and (max-width:432px) {
    #campuslife-section h4 {
        top: -7px;
        margin-bottom: 25px;
    }
    #campuslife-section h4::after {
        width: 14%;
    }
    #campuslife-section h3 {
        font-size: 22px;
    }

    #campuslife-section .Food-menu-section h3 {
        font-size: 22px;
    }

    #campuslife-section .Food-menu-section {
        height: auto;
        padding: 20px 0 55px 0;
    }

    #campuslife-section .carousel-control-prev {
        left: 403px;
    }

    #campuslife-section .carousel-control-next {
        bottom: 267px;
    }
    #campuslife-section .residential-section .row .first-column::before {
        height: 430px;
    }

    #campuslife-section .campus-life-corousel .carousel-inner {
        top: -155px;
    }

    #campuslife-section .dining-hall-section .second-column::after {

        height: 430px;

    }

    #campuslife-section .dining-hall-section .carousel-control-prev {
        bottom: -112px;
        left: 8;
    }

    #campuslife-section .dining-hall-section .carousel-control-next {
        left: 7px;
        bottom: -72px;
    }

    #campuslife-section .dining-hall-section {
        margin-top: 280px;
    }

    #campuslife-section .playground-section .row .first-column::before {

        height: 410px;
    }

    #campuslife-section .playground-section {
        margin-top: 285px;
    }

    #campuslife-section .Food-menu-section {
        margin-top: 260px;
    }

    #campuslife-section .Food-menu-section .carousel-control-next {
        right: 160px;
    }

    #campuslife-section .Food-menu-section .carousel-control-prev {
        left: 182px;
    }

    #campuslife-section .residential-section .row .second-column::after {

        right: -10px;
    }

    #campuslife-section .playground-section .row .second-column::after {
        right: -10px;
    }

    #campuslife-section .table>:not(caption)>*>* {
        padding: 5px 5px;

    }

    #campuslife-section h4 {
        font-size: 25px;
    }

    #campuslife-section .carousel-control-next,
    #campuslife-section .carousel-control-prev {
        height: 28px;
        width: 28px;

    }
    #campuslife-section .carousel-control-prev {
        left: 405px;
        bottom: 229px;
    }

    #campuslife-section .dining-hall-section .carousel-control-next,
    #campuslife-section .dining-hall-section .carousel-control-prev {
        height: 28px;
        width: 28px;
    }
    #campuslife-section .Food-menu-section .carousel-control-next, #campuslife-section .Food-menu-section .carousel-control-prev {
        
        height: 28px;
        width: 28px;
        
    }
    #campuslife-section .playground-section .carousel-control-prev {
        bottom: 220px;
    }
    #campuslife-section .playground-section .carousel-control-next {
        bottom: 181px;
    }
}

@media screen and (max-width:425px) {
    #campuslife-section .carousel-control-next {
        bottom: 190px;
        right: 8px;
    }

    #campuslife-section .carousel-control-prev {
        left: 388px;
    }

    

    #campuslife-section .residential-section .row .second-column::after {
        right: 222px;
    }

    #campuslife-section .residential-section .row .second-column::after {
        top: -6px;

    }

    #campuslife-section .residential-section .row .second-column::after {
        width: 40%;
    }

    #campuslife-section .dining-hall-section .row .first-column::before {
        left: 223px;
        width: 40%;
        top: 314px;
    }

    #campuslife-section .playground-section .row .second-column::after {
        right: 222px;
        top: -6px;
    }

    #campuslife-section .playground-section .row .second-column::after {

        width: 40%;

    }

    .dining-hall-section .carousel-control-next {
        left: 8px;

    }
}

@media screen and (max-width:414px) {
    #campuslife-section .residential-section .row .second-column::after {
        right: 215px;
        bottom: 174px;
    }

    
    #campuslife-section .carousel-control-prev {
        left: 376px;
    }

    #campuslife-section .dining-hall-section .row .first-column::before {
        left: 216px;

    }

    #campuslife-section .playground-section .row .second-column::after {
        right: 216px;

    }

    #campuslife-section .playground-section .carousel-control-prev {
        bottom: 210px;
    }

    #campuslife-section .playground-section .carousel-control-next {
        bottom: 174px;
    }

    #campuslife-section .Food-menu-section .carousel-control-next {
        right: 152px;
    }

    #campuslife-section .playground-section .row .first-column::before {
        height: 430px;
    }
    #campuslife-section .Food-menu-section .carousel-control-prev {
        left: 175px;
    }
    #campuslife-section h3 {
        font-size: 22px;
    }

    #campuslife-section .table>:not(caption)>*>* {
        padding: 4px 3px;
    }
}

@media screen and (max-width:412px) {
    #campuslife-section .residential-section .row .first-column::before {
        height: 442px;
        bottom: -88px;
    }

}

@media screen and (max-width:400px) {
    #campuslife-section .carousel-control-prev {
        left: 364px;
    }

    #campuslife-section .residential-section .row .second-column::after {
        right: 210px;
        bottom: 174px;
    }

    #campuslife-section .dining-hall-section .row .first-column::before {
        left: 210px;
    }

    #campuslife-section .playground-section .row .second-column::after {
        right: 209px;
    }

    #campuslife-section .playground-section .row .first-column::before {
        height: 450px;
    }

    #campuslife-section .Food-menu-section .carousel-control-next {
        right: 136px;
    }

    #campuslife-section .Food-menu-section h3 {
        font-size: 22px;
        top: 16px;
    }

    .Food-menu-section .container {
        position: relative;
    }

    #campuslife-section .table>:not(caption)>*>* {
        font-size: 14px;
    }

    #campuslife-section .Food-menu-section {

        padding: 5px 0 55px 0;
    }
    #campuslife-section .residential-section .row .first-column::before {
        height: 442px;
        bottom: -70px;
    }

}

@media screen and (max-width:394px) {
    #campuslife-section .residential-section .row .first-column::before {
        height: 470px;
    }

    #campuslife-section .carousel-control-prev {
        left: 357px;
    }

    #campuslife-section .residential-section .row .second-column::after {
        right: 206px;

    }

    #campuslife-section .dining-hall-section .second-column::after {
        height: 450px;
    }

    #campuslife-section .dining-hall-section .row .first-column::before {
        left: 206px;
    }

    #campuslife-section .playground-section .row .second-column::after {
        right: 205px;
    }

    .table-bordered>:not(caption)>*>* {
        border-width: 0 1px;
        font-size: 12px;
    }

    #campuslife-section .Food-menu-section .carousel-control-prev {
        left: 162px;
    }
}

@media screen and (max-width:394px) {
    #campuslife-section .playground-section .row .first-column::before {
        height: 460px;
    }
    #campuslife-section .dining-hall-section .carousel-control-next {
      
        bottom: -90px;
    }
    #campuslife-section .dining-hall-section .carousel-control-prev {
        bottom: -128px;
        left: 8;
    }
}
@media screen and (max-width:393px){
    #campuslife-section .Food-menu-section .carousel-control-next {
        right: 143px;
    }
}

@media screen and (max-width:390px) {
    #campuslife-section .carousel-control-prev {
        left: 353px;
    }

    #campuslife-section .residential-section .row .second-column::after {
        right: 204px;
    }
}

@media screen and (max-width:385px) {
    #campuslife-section .carousel-control-prev {
        left: 349px;
    }

    #campuslife-section .Food-menu-section .carousel-control-prev {
        left: 150px;
    }
}

@media screen and (max-width:375px) {
    #campuslife-section P {
        text-align: justify;
    }

    #campuslife-section .residential-section .carousel-inner .carousel-item img {
        width: 75% !important;
        bottom: -485px;
    }

    #campuslife-section .residential-section .row .second-column::after {
        top: -42px;
        right: 188px;
    }

    #campuslife-section .residential-section .carousel-control-prev {
        left: 337px;
        bottom: 252px;
    }

    #campuslife-section .residential-section .carousel-control-next {
        bottom: 214px;
        right: 10px;
    }

    #campuslife-section .dining-hall-section .second-column::after {
        height: 475px;
    }

    #campuslife-section .dining-hall-section .carousel-inner .carousel-item img {

        width: 75% !important;

    }

    #campuslife-section .dining-hall-section .row .first-column::before {
        left: 188px;
    }

    #campuslife-section .dining-hall-section .carousel-control-prev {
        bottom: -146px;
    }

    #campuslife-section .dining-hall-section .carousel-control-next {

        bottom: -106px;
    }

    #campuslife-section .playground-section .carousel-inner .carousel-item img {
        width: 75% !important;

    }

    #campuslife-section .playground-section .row .second-column::after {
        right: 188px;
    }

    #campuslife-section .carousel-control-prev {
        left: 338px;
    }

    #campuslife-section .Food-menu-section .carousel-control-prev {
        left: 143px;
    }
}

@media screen and (max-width:360px) {
    #campuslife-section .residential-section .row .first-column::before {
        height: 488px;
    }

    #campuslife-section .residential-section .carousel-control-prev {
        left: 321px;
    }

    #campuslife-section .residential-section .row .second-column::after {

        right: 182px;
    }

    #campuslife-section .dining-hall-section .second-column::after {
        height: 500px;
    }

    #campuslife-section .dining-hall-section .carousel-control-next {
        bottom: -122px;
    }

    #campuslife-section .dining-hall-section .carousel-control-prev {
        bottom: -160px;
    }

    #campuslife-section .dining-hall-section .row .first-column::before {
        left: 180px;
    }

    #campuslife-section .playground-section .row .first-column::before {
        height: 480px;
    }

    #campuslife-section .dining-hall-section .campus-life-corousel {

        top: -120px;

    }

    #campuslife-section .dining-hall-section .row .first-column::before {

        top: 325px;
    }

    #campuslife-section .playground-section {
        margin-top: -50px;
    }

    #campuslife-section .dining-hall-section {
        margin-top: 250px;
    }

    #campuslife-section .playground-section .row .second-column::after {
        right: 180px;
    }

    #campuslife-section .carousel-control-prev {
        left: 323px;
    }

    #campuslife-section .Food-menu-section .carousel-control-prev {
        left: 128px;
    }

    #campuslife-section .table>:not(caption)>*>* {
        font-size: 13px;
    }
    #campuslife-section h4 {
        top: -7px;
        margin-bottom: 30px;
    }
    #campuslife-section .Food-menu-section .carousel-control-prev {
        left: 148px;
    }
    #campuslife-section .Food-menu-section .carousel-control-next {
        right: 125px;
    }
}

@media screen and (max-width:320px) {
    #campuslife-section .residential-section .row .second-column::after {
        right: 160px;
    }

    #campuslife-section .residential-section .row .first-column::before {
        height: 532px;
    }

    #campuslife-section .residential-section .carousel-control-next {
        bottom: 214px;
        right: 4px;
    }

    #campuslife-section .residential-section .carousel-control-prev {
        left: 287px;
    }

    #campuslife-section .dining-hall-section .second-column::after {
        height: 534px;
    }

    #campuslife-section .dining-hall-section .campus-life-corousel .carousel-inner {
        top: 204px;
    }

    #campuslife-section .dining-hall-section .row .first-column::before {
        left: 160px;
        top: 352px;
    }

    #campuslife-section .dining-hall-section .carousel-control-prev {
        bottom: -205px;
    }

    #campuslife-section .dining-hall-section .carousel-control-next {
        bottom: -166px;
    }

    #campuslife-section .playground-section .row .first-column::before {
        bottom: -56px;
    }

    #campuslife-section .residential-section .campus-life-corousel .carousel-inner {
        top: -156px;
    }

    #campuslife-section .playground-section .row .second-column::after {
        right: 163px;
        top: -82px;
    }

    #campuslife-section .playground-section .carousel-control-next {
        bottom: 240px;
    }

    #campuslife-section .playground-section .carousel-control-prev {
        bottom: 278px;
    }

    #campuslife-section .Food-menu-section {
        margin-top: 172px;
    }

    .table-bordered>:not(caption)>*>* {

        font-size: 10px;
    }

    #campuslife-section .Food-menu-section .carousel-control-prev {
        left: 118px;
    }

    #campuslife-section .Food-menu-section .carousel-control-next {
        right: 110px;
    }

    #campuslife-section .carousel-control-prev {
        left: 283px;
    }

    #campuslife-section .playground-section .campus-life-corousel .carousel-inner {
        top: -231px;
    }

    #campuslife-section .table>:not(caption)>*>* {
        font-size: 11px;
    }

    #campuslife-section h4 {
        font-size: 22px;
        margin-bottom: 25px;
    }

    #campuslife-section h3 {
        font-size: 19px;
    }

    #campuslife-section .Food-menu-section h3 {
        font-size: 20px;

    }

    #campuslife-section .Food-menu-section {
        margin-top: 190px;
    }
}